<template>
  <div class = "print">
    <Header :title="tittle" :switchHeader='switchHeader'></Header>
    <div class = "block1">
      <p class='scale-1px'>
        <span class = "seala">用印材料标题</span>
        <span class = "sealb">项目测试用印</span>
      </p>
      <p>
        <span class = "seala">印章类型</span>
        <span class = "sealb">申请公章</span>
      </p>
      <p>
        <span class = "seala">用印方式</span>
        <span class = "sealb">单程邮寄</span>
      </p>
      <p>
        <span class = "seala">公章名称</span>
        <span class = "sealb">珠海市晨贸投资管理合伙企业(有限合伙)</span>
      </p>
      <p v-if="!clamStatus">
        <span class = "seala">印章协调人/申请人说明或特殊要求(限500字)</span>
        <span class = "sealb" >{{yaoqiu}}}</span>
      </p>
      <p v-else>
        <span class = "sealc">印章协调人/申请人说明或特殊要求(限500字)</span>
        <span class = "seald" >{{yaoqiu}}}</span>
      </p>
      <p>
        <span class = "seala">是否报送税务审查</span>
        <span class = "sealb">报送税务审查</span>
      </p>
      <p>
        <span class = "seala">法律审批</span>
        <span class = "sealb">报送法律部门审批</span>
      </p>
      <p>
        <span class = "seala">用印申请事由及内容（限1300字）</span>
        <span class = "sealb">用印申请事由及内容（限1300字）</span>
      </p>
      <p>
        <span class = "seala">经办人电话</span>
        <span class = "sealb">0755-16161010</span>
      </p>
      <p>
        <span class = "seala">经办人</span>
        <span class = "sealb">冯峻熙</span>
      </p>
      <p>
        <span class = "seala">申请部门</span>
        <span class = "sealb">融资事业部||江苏区域</span>
      </p>
      <p>
        <span class = "seala">申请日期</span>
        <span class = "sealb">2020-05-20 16：47：37</span>
      </p>
    </div>
  </div>
</template>
<script>
import Header from '@/components/Header'
export default {
  data () {
    return {
      tittle: '用印信息',
      switchHeader: true,
      yaoqiu: '印章协调人/申请人说明或特殊要求(限500字)',
      clamStatus: false
    }
  },
  components: {
    Header
  },
  mounted () {
    this.calm()
  },
  methods: {
    calm () {
      console.log('12:' + this.yaoqiu.length)
      if (this.yaoqiu.length > 8) {
        this.clamStatus = true
      }
    }
  }
}
</script>
<style lang="stylus" scoped>
@import "../../../common/css/variable.styl";
  .print{
    background: $grayF4_color;
    height: 100vh;
  }
  .block1{
    background: white;
    line-height: 60px;
    font-size: 15px;
    width: 95%;
    margin: 5% auto;
    color: #5A4347;
    border-radius: 10px;
  }
  p{
    display:flex;
    justify-content:space-between;
    padding:0 10px;
    margin:
  }
  .scale-1px{
    position: relative;
    border:none;
    }
  .scale-1px:after{
    content: '';
    position: absolute;
    left:10px;
    bottom: 0;
    background:$grayC_color;
    width:200px;
    height: 1px;
    padding-left:10px;
    padding-right:10px;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  .seala{
    padding-left: 20px;
  }
  .sealb{
    float: right;
    padding-right: 20px;
  }

  .sealc{
    float: right;
    padding-right: 20px;
  }
</style>
